/*  隐藏未编译的变量 */

[v-cloak] {
    display: none;
  }

  *{
      margin:0;
      padding:0;
  }

  body{
      text-align:center;
  }

  /*-------------------------
      订单表单
  --------------------------*/

  form{
      background-color: #61a1bc;
      border-radius: 2px;
      box-shadow: 0 1px 1px #ccc;
      width: 400px;
      padding: 35px 60px;
      margin: 50px auto;
  }

  form h1{
      color:#fff;
      font-size:64px;
      font-family:'Cookie', cursive;
      font-weight: normal;
      line-height:1;
      text-shadow:0 5px 0 rgba(0,0,0,0.1);
  }

  form ul{
      list-style:none;
      color:#fff;
      font-size:20px;
      font-weight:bold;
      text-align: left;
      margin:20px 0 15px;
  }

  form ul li{
      padding:20px 30px;
      background-color:rgb(175, 175, 175);
      margin-bottom:8px;
      box-shadow:0 1px 1px rgba(0,0,0,0.1);
      cursor:pointer;
  }

  form ul li span{
      float:right;
  }

  form ul li.active{
      background-color:#8ec16d;
  }

  div.total{
      border-top:1px solid rgba(255,255,255,0.5);
      padding:15px 30px;
      font-size:20px;
      font-weight:bold;
      text-align: left;
      color:#fff;
  }

  div.total span{
      float:right;
      color:rgb(65, 67, 163);
  }